<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap-theme.min.css">

<style>


</style>

    <!-- 内容主体区域 -->
<div class="layui-row layui-pad15">
    <form class="layui-form" action="">
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                     <div class="layui-col-xs2">合同单号：</div>
                     <div class="layui-col-xs6">
                         <input type="text" class="form-control"/>
                     </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">体检单位：</div>
                    <div class="layui-col-xs6">
                        <input type="text" class="form-control"/>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">体检日期：</div>
                    <div class="layui-col-xs4">
                        <div class="layui-row">
                            <div class="layui-col-xs10">
                                <input type="text" class="layui-input form-times-sty" placeholder="时间" id="physicalTime1">
                            </div>
                            <div class="layui-col-xs2">&nbsp;&nbsp;至</div>
                        </div>
                    </div>
                    <div class="layui-col-xs4">
                        <input type="text" class="layui-input form-times-sty"  placeholder="时间" id="physicalTime2">
                    </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">签订时间：</div>
                    <div class="layui-col-xs3">
                        <input type="text" class="layui-input form-times-sty"  placeholder="时间" id="physicalTime3">
                    </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">业务员：</div>
                    <div class="layui-col-xs6">
                        <input type="text" class="form-control"/>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">体检机构：</div>
                    <div class="layui-col-xs6">
                        <select class="form-control" lay-ignore>
                            <option value="">苏州第一人民医院</option>
                            <option value="0">待审核</option>
                            <option value="1">已通过</option>
                            <option value="2">已发送</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-order-add order-margin1">
                <div class="thisChild">
                    <div class="layui-col-md12 layui-col-lh">
                        <div class="layui-row">
                            <div class="layui-col-xs2">体检套餐：</div>
                            <div class="layui-col-xs6">
                                <select class="form-control" lay-ignore>
                                    <option value="">入职体检（A套餐）</option>
                                    <option value="0">待审核</option>
                                    <option value="1">已通过</option>
                                    <option value="2">已发送</option>
                                </select>
                            </div>
                            <div class="layui-col-xs2">
                                <a href="javascript:;" class="layui-q-c layui-zdy-bj" onclick="deletEc(this)">删除</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12 layui-col-lh">
                        <div class="layui-row">
                            <div class="layui-col-xs2">体检人数：</div>
                            <div class="layui-col-xs3">
                                <input type="text" class="form-control"/>
                            </div>
                            <div class="layui-col-xs1">&nbsp;&nbsp;人</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <a href="javascript:;" class="layui-q-c layui-zdy-bj" id="addMeal">添加</a>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">总计金额：</div>
                    <div class="layui-col-xs3">5000元</div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">优惠金额：</div>
                    <div class="layui-col-xs2">
                        <input type="text" class="form-control"  onkeyup="value=value.replace(/[^\d]/g,'')"/>
                    </div>
                    <div class="layui-col-xs1">&nbsp;&nbsp;元</div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">实际金额：</div>
                    <div class="layui-col-xs3">5022200元</div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs2">备注：</div>
                    <div class="layui-col-xs6">
                        <textarea class="form-control" rows="3"></textarea>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12  layui-text-center layui-col-lh order-margin1">
                <a href="javascript:;" class="layui-q-c layui-zdy-bj">提交审核</a>
            </div>
    </form>


</div>
<script src="../static/js/jquery.min.js"></script>
<script src="../static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../static/plugins/layui/layui.js"></script>
<script>
    layui.use(['form','laydate','layer','jquery'], function() {
        var laydate = layui.laydate;
        var form = layui.form;
        var $ = layui.$

        // 日期
        laydate.render({
            elem: '#physicalTime1' //指定元素
            ,theme: '#34C0E3'
        });
        laydate.render({
            elem: '#physicalTime2' //指定元素
            ,theme: '#34C0E3'
        });
        laydate.render({
            elem: '#physicalTime3' //指定元素
            ,theme: '#34C0E3'
        });
        //新增套餐
        $('#addMeal').click(function () {
            var html='';
           html+=' <div class="thisChild">';
           html+='<div class="layui-col-md12 layui-col-lh">';
           html+='<div class="layui-row">';
           html+='<div class="layui-col-xs2">'+'体检套餐：'+'</div>';
           html+='<div class="layui-col-xs6">';
           html+='<select class="form-control" lay-ignore>';
           html+='<option value="">'+'入职体检（A套餐）'+'</option>';
           html+='<option value="0">'+'待审核'+'</option>';
           html+='<option value="0">'+'已通过'+'</option>';
           html+='<option value="0">'+'已发送'+'</option>';
           html+='</select>';
           html+='</select>';
           html+='</div>';
           html+='<div class="layui-col-xs2">';
           html+='<a href="javascript:;" class="layui-q-c layui-zdy-bj" onclick="deletEc(this)">'+'删除'+'</a>';
           html+='</div></div></div>';
           html+='<div class="layui-col-md12 layui-col-lh">';
           html+='<div class="layui-row">';
           html+='<div class="layui-col-xs2">'+'体检人数：'+'</div>';
           html+='<div class="layui-col-xs3">';
           html+='<input type="text" class="form-control"/>';
           html+='</div>';
           html+='<div class="layui-col-xs1">'+'&nbsp;&nbsp;人'+'</div>';
           html+='</div></div></div>';
            $('.layui-order-add').append(html);
        });

    })

    //删除套餐
    function deletEc(e) {
        var thisChilds= e.parentNode.parentNode.parentNode.parentNode.parentNode;
        thisChilds.removeChild(e.parentNode.parentNode.parentNode.parentNode);

    }
</script>


